<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="Cache-Control" content="No-Cache">
	<meta http-equiv="Pragma" content="No-Cache">
	
	<title>운세의신</title>
	
	<link rel="stylesheet" type="text/css" href="/css/common.css" />
	<link rel="stylesheet" type="text/css" href="/css/join.css"/>
	
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript" src="/js/ipin.js"></script>

	<script type="text/javascript">
		$(document).ready(function() {
			
			$('#name_tab').click(function() {
				$('#name_tab').removeClass('off').addClass('on');
				$('#ipin_tab').removeClass('on').addClass('off');
				$('.joinConfirm .name').show();
				$('.joinConfirm .ipin').hide();
			});

			$('#ipin_tab').click(function() {
				$('#ipin_tab').removeClass('off').addClass('on');
				$('#name_tab').removeClass('on').addClass('off');
				$('.joinConfirm .ipin').show();
				$('.joinConfirm .name').hide();
			});
		});
	</script>
</head>
<body>
<div id="wrap">
	
	<!-- Header -->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/main_header.php'; ?>
	<!--// Header -->
    
    <!--커튼 데코레이션-->
	<div class="drapes">
		<p class="drap1"><img src="/images/main/drapes.png" /></p>
        <p class="keybox blind">키비쥬얼</p>
		<p class="drap2"><img src="/images/main/drapes.png" /></p>
	</div>
	<!--//커튼 데코레이션-->
	<!-- Contents -->
	<div class="container">
		<!--서브타이틀-->
		<h2 class="tjoin blind">회원가입</h2>
		<!--//서브타이틀-->

		<!--컨텐츠영역-->
		<div class="contents">
			<!--sub--> 
			<div class="sub">
				<!--상단네비위치-->
				<div class="joinnavi">
					<ul class="blind">
						<li class="m1">약관동의</li>
						<li class="m2 over">실명인증</li>
						<li class="m3">회원정보입력</li>
						<li class="m4">무료회원가입완료</li>
					</ul>
				</div>
				<!--//상단네비위치-->
				
				<!--idcheck-->
				<div class="idcheck">
					<h3><img src="/images/member/sstit_idcheck.png" alt="실명인증" /></h3>
					<div class="tab">
						<ul>
							<li class="on" style="cursor: pointer" id="name_tab">실명인증</li>
							<li class="off end" style="cursor: pointer" id="ipin_tab">아이핀</li>   
						</ul>
					</div>
					<p class="joinConfirmText">입력하신 개인정보는 회원님의 동의 없이 제3자에게 제공되지 않으며, 개인정보취급방침에 따라 보호되고 있습니다. </p>

					<!--joinConfirm-->
					<div class="joinConfirm">
						<!--실명인증-->
						<div class="name">
							<form action="#" method="post">
								<fieldset>
									<legend>실명인증</legend>
									<p class="nameText"><span class="bold">주민등록번호</span> 인증을 통한 가입을 원하시면<br />
										아래 '<span class="bold">'실명인증 하러가기'</span>' 버튼을 눌러 회원가입을 진행해 주세요. </p>
									<a href="javascript:openAnsimCheck('JOIN','');" class="ipinbt"><img src="/images/member/bt_name.png" alt="실명인증하러가기"   /></a>
								</fieldset>
							</form>
						</div>
						<!--//실명인증-->

						<!--아이핀-->
						<div class="ipin" style="display:none" >
							<form action="#" method="post">
								<fieldset>
									<legend>아이핀</legend>
									<p class="ipinText"><span class="bold">아이핀(i-pin)</span> 인증을 통한 가입을 원하시면<br />
										아래 '<span class="bold">아이핀(i-pin) 인증 받기</span>' 버튼을 눌러 회원가입을 진행해 주세요. </p>
									<a href="javascript:openIpin('JOIN','');" class="ipinbt"><img src="/images/member/bt_ipin.png" alt="아이핀인증받기"   /></a>
									
								</fieldset>
							</form>
						</div>
						<!--//아이핀-->
						
						<!--인증설명-->
						<div class="idtext">
							<dl>
								<dd>입력하신 정보는 신용평가기관에 <span class="point">본인확인용</span>으로 제공됩니다.</dd>
								<dd>타인의 정보를 부정하게 사용하는 경우 <span class="point">3년 이하의 징역</span> 또는 <span class="point">1천만원 이하의 벌금</span>에 처해지게 됩니다. <br />
									※ 관련법률 : 주민등록법 제 37조(벌칙) </dd>
							</dl>
						</div>
						<!--//인증설명-->
					</div>
					<!--//joinConfirm-->
				</div>
				<!--idcheck-->
			</div>
			<!--//sub--> 
		</div>
		<!--//컨텐츠영역-->
	
		<div class="line"></div>
		<div class="joinbenefit">
			<h3 class="blind">운세의 신 무료가입 파격 혜택</h3>
			<p><img src="/images/member/img_freejoin.png" alt="운세의 신 무료가입 파격 혜택내용" /></p>
		</div>
		<!--이벤컨텐츠영역-->
	</div>
	<!--// Contents -->

	<!-- Footer -->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/main_footer.php'; ?>
	<!--// Footer -->
</div>
</body>
</html>